import React from 'react'
import styles from './PageLayout.module.css'
import Footer from './Footer'
import Navbar from './Navbar'

export default function PageLayout (props) {

  return (
    <div className={styles.container}>
      <div className={styles.top}>
        <Navbar userId={1}>{props.username}</Navbar>
        <div className={styles.baseLayoutContainer}>
          {props.children}
        </div>
      </div>
      <div className={styles.footer}>
        <Footer/>
      </div>
    </div>
  )
}
